{% extends "base.html" %}

{% block title %}
Tabela de Alunos
{% endblock title %}

{% block extrahead %}
$(function() {
		$('#botao_busca').addClass('active');
                $( "#id_data_nascimento" ).datepicker({
			changeMonth: true,
			changeYear: true,
                        dateFormat: 'dd/mm/yy',
                        yearRange: '1900:2011'
		});

	});

{% endblock extrahead %}

{% block content %}
<div class="box-header clear">
	<h2>Tabela de Alunos</h2>
</div>
	
<div class="box-wrap clear">
		
<!-- DATA-TABLE JS PLUGIN -->
<div id="data-table">
	<form method="post" action="">
		<table class="style1 datatable">
		<thead>
			<tr>
				<th>Nome:</th>
				<th>Colégio:</th>
				<th>Série:</th>
				<th>Telefone residencial:</th>
				<th>Celular:</th>
				<th>Email:</th>
				<th>Data de Nascimento:</th>
				<th>Unidade:</th>
				<th>Ações:</th>
			</tr>
		</thead>
		<tbody>
			{% for aluno in lista_alunos %}
				<tr>
					<td>{{aluno.nome}}</td>
					<td>{{aluno.colegio}}</td>
					<td>{{aluno.serie}}</td>
					<td>{{aluno.telefone_casa}}</td>
					<td>{{aluno.celular}}</td>
					<td>{{aluno.email_1}}</td>
					<td>{{aluno.data_nascimento}}</td>
					<td>{% for unidade in aluno.unidade.all %} {{unidade.nome}};{%endfor%}</td>
					<td>
						<a href="/ver_aluno/{{aluno.id}}"><img src="/static/images/view_icon.jpg" class="botao_acao"></a>;
						<a href="/exporta_historico/{{aluno.id}}"><img src="/static/images/relatorio_icon.jpg" class="botao_acao"></a>
					</td>
				</tr>
			{% endfor %}
		</tbody>
		</table>
		<div class="tab-footer clear fl">
		</div>
	</form>
</div><!-- /#table -->

</div><!-- end of box-wrap -->
{% endblock content %}